html {
    display: block;
}

body {
    word-wrap: break-word;
    font-size: 14px;
    font-size: 1rem;
    text-rendering: optimizeLegibility;
    background-color: #e6e6e6;
    padding: 3rem 0 0 0;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

img {
    max-width: 95%;
}

a:hover {
    color: #886353;
    text-decoration: underline;
}

a:link,
a:active,
a:visited {
    color: #886353;
    text-decoration: none;
}

.wrap {
    background-color: #fff;
    width: 85%;
    max-width: 960px;
    padding: 0px 20px 20px 20px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    /*-webkit-box-shadow: 1px 1px 1px 1px #0cc;
    -moz-box-shadow: 1px 1px 1px 1px #0cc;
    box-shadow: 1px 1px 1px 1px #0cc;*/
    /*margin: auto;*/
    margin-left: 10px;
}

.center {
    /*text-align: center;*/
}

.header {
    padding: 1.714285714rem 0;
}

.hline {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
}

.content {
    padding: 0 2%;
}

.comment-show {
    float: left;
    max-width: 480px;
    min-width: 50%;
}

.comment-show .nextlog {
    text-align: center;
    margin: 5px 0;
    font-size: 12px
}

.comment-show .comment-header {
    margin: 15px 0px 5px 0px
}

.comment-show .comment-post {
    clear: both
}

.comment-show .comment-post p {
    margin: 5px 0px
}

.comment-show .comment-post .cancel-reply {
    float: right;
    font-size: 12px;
    cursor: pointer;
    _cursor: hand;
    padding-right: 10%
}

.comment-show .comment-post .cancel-reply:hover {
    text-decoration: underline
}

.comment-show .comment-post small {
    font-size: 12px;
    color: #999
}

.comment-show .comment-post input {
    padding: 5px 5px;
    border: 1px #b6b6b6 solid;
    font-size: 12px;
    color: #333;
    width: 40%
}

.comment-show .comment-post #comment {
    width: 90%;
    border: 1px #b6b6b6 solid;
    font-size: 12px;
    color: #333
}

.comment-show .comment-post #comment_submit {
    background: url(images/em_button.gif) no-repeat;
    border: 0;
    color: #000000;
    width: 111px;
    height: 29px;
    text-align: center;
    cursor: pointer;
    _cursor: hand
}

.comment-show .comment-post .input {
    width: 100px
}

.comment-show .comment {
    margin: 10px 0;
    padding: 10px 0px;
    font-size: 12px;
    border-bottom: 1px #f7f7f7 solid;
    overflow: hidden;
    color: #333;
    height: 100%;
    zoom: 1
}

.comment-show .comment span {
    color: #ff7a15;
}

.comment-show .comment .comment-time {
    color: #999999;
    display: inline;
    font-size: 10px;
}

.comment-show .comment .avatar {
    float: left;
    margin: 5px
}

.comment-show .comment .comment-info {
    float: left;
    width: 90%
}

.comment-show .comment .comment-content {
    margin: 8px 0px 0px 0px;
}

.comment-show .comment .comment-reply {
    float: right;
    font-size: 12px;
    cursor: pointer;
    _cursor: hand;
}

.comment-show .comment .comment-reply:hover {
    text-decoration: underline
}

.comment-show .comment-children {
    width: 95%;
    margin: auto;
    clear: both;
    border: none;
    padding: 0
}

.comment-show .comment .comment-post {
    width: 90%;
    margin: 15px auto
}

.comment-place {
    float: left;
    min-width: 45%;
    max-width: 480px;
}

.comment-clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

.comment-input-textarea,
.comment-place p textarea {
    max-width: 282px;
    width: 90%;
}

.comment-input-text,
.comment-place p input[type=text] {
    max-width: 226px;
    width: 90%;
}

.footer {
    margin: 40px auto 30px;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #eee;
}
